<template>
  <div>
    <div style="text-align: right;;margin-bottom: 10px">
      <el-button type="primary" icon="el-icon-upload" size="mini" @click="handleExport">导入</el-button>
    </div>

    <Table
      ref="tableref"
      :tableHeader="tableHeader"
      :table="{height:'calc(100vh - 240px)'}"
    >
    </Table>
    <el-dialog :title="title" :visible.sync="dialogVisible" :close-on-click-modal="false">
      <ExportAdd ref="ExportAdd"/>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import ExportAdd from './ExportAdd'
import Table from '@/components/Table'

export default {
  name: 'ConfirmOrderAddList',
  components: { ExportAdd, Table },
  data() {
    return {
      dialogVisible: false,
      title: '导入',
      tableHeader: [
        { label: '错误原因', prop: '', fixed: 'left', width: '' },
        { label: '客户账号', prop: '', fixed: 'left', width: '' },
        { label: '交期', prop: '', fixed: 'left', width: '' },
        { label: 'PO号', prop: '', fixed: 'left', width: '' },
        { label: '材质', prop: '', width: '' },
        { label: '楞型', prop: '', width: '' },
        { label: '长度', prop: '', width: '' },
        { label: '宽度', prop: '', width: '' },
        { label: '数量', prop: '', width: '' },
        { label: '毛净片', prop: '', width: '' },
        { label: '收货标识', prop: '', width: '' },
        { label: '压型', prop: '', width: '' },
        { label: '压线', prop: '', width: '' },
        { label: '质量备注', prop: '', width: '' },
        { label: '送货备注', prop: '', width: '' }
      ],
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10
      }
    }
  },
  created() {
    // this.getList()
  },
  methods: {
    /**
     * 复制
     **/
    handleCopy(row){
      this.dialogVisible=true

    },
    handleExport(){
      this.dialogVisible=true

    },
    /**
     * 获取列表
     **/
    getList(){

    },

    /**
     * TODO 搜索按钮操作
     * */
    handleQuery() {
      this.queryParams.pageNum = 1
    },
    /**
     * TODO 重置按钮操作
     * */
    resetQuery() {
      this.dateRange = []
      this.queryParams.pageNum = 1
    }
  }
}
</script>

